import React,{useState,useEffect} from 'react';
import { Link ,withRouter} from 'react-router-dom'
import {Button} from 'antd'
import 'antd/dist/antd.css'
import './App.scss'
export default function App (props) {
  // const [count, setcount] = useState(10)
  // useEffect(() => {
  //   console.log('执行了useEffect....');
  //   setcount(100)
  // },[])
  const loginbtn = () => {
    console.log(props);
    props.history.push('/login')
  }
  return <div className='container'>
    <h1>欢迎来到腾讯课堂</h1>
    <Button onClick={loginbtn}>登录</Button>
    <br/>
    <Link to="/home">去首页</Link>
    <br />
    {/* <p>
      当前count次数：{count}
    </p>
    <Button onClick={()=>{setcount(count+1)}}>更新次数</Button> */}
  </div>
}

// 有状态组件
// export default  class App extends React.Component{
//   handlerJump = () => {
//     this.props.history.push('./login')
//   }

//   render () {
//     return <div>
//     <h1>欢迎来到腾讯课堂</h1>
//     <Link to="/login">点击跳转到登录页面</Link>
//     <br/>
//     <Link to="/home">点击跳转到主页面</Link>
//     <br />
//     <Button onClick={this.handlerJump}>登录跳转</Button>
//   </div>
//   }
// }